<template>
  <div class="account">
    <div class="form-wrap">
        <n-form ref="formRef">
    <n-form-item path="username" label="用户名">
      <n-input />
        </n-form-item>
          <n-form-item path="password" label="密码">
            <n-input />
          </n-form-item>
          <n-row :gutter="[0, 24]">
            <n-col :span="24">
              <div style="display: flex; justify-content: flex-end;">
                <n-button type="primary" block>
                  登录
                </n-button>
              </div>
            </n-col>
          </n-row>
        </n-form>
        <div class="text-center">
          <a href="" class="text-cyan">忘记密码</a> |
          <router-link to="/register">注册</router-link>
        </div>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  setup () {
    return {}
  }
})
</script>
<style lang="scss" scoped>
@import './style.scss';
</style>